<template>
	<div class="lm-chatgpt-item">
		<chatgpt-item-header text="正在为您生成结果：历史总结"></chatgpt-item-header>
		<div class="chatgpt-item-content" :class="{'has-more': hasMore}">
			<div class="item-section-title">历史总结</div>
			<div class="tips">以下是与a客户（客户编号：2839231）历次沟通的总结：</div>
			<common-table ref="commonTable" :tableConfig="tableConfig" :hasPage="false" :border="false"></common-table>
			<!-- <div class="more">
				<span v-show="hasMore" class="more-btn" @click="clickMore">
					点击查看更多
					<svg-icon iconClass="arrow-bottom" class="icon"></svg-icon>
				</span>
			</div> -->
		</div>
	</div>
</template>

<script>
import ChatgptItemHeader from './chatgpt-item-header'
import CommonTable from '@/components/common/common-table.vue'
import { mapState, mapMutations } from "vuex"
export default {
	name: 'SummaryHistory',
	props: {
		item: Object
	},
	components: {
		ChatgptItemHeader,
		CommonTable
	},
	data() {
		return {
			hasMore: true,
			// 表格配置
			tableConfig: {
				total: 0,
				pageNo: 1,
				pageSize: 10,
				tData: [],
				// tData: [{
				// 	name: '张三',
				// 	remark: '请按照以下要求生成任务安排请按照以下要求生成任务安排请按照以下要求生成任务安排请按照以下要求生成任务安排请按照以下要求生成任务安排请按照以下要求生成任务安排',
				// 	date: '2022-01-01',
				// 	status: 1
				// },{
				// 	name: '张三',
				// 	remark: '按照以下要求生成任务安排',
				// 	date: '2024-05-03',
				// 	status: 2
				// }],
				tColumns: [
					{
						title: '时间',
						key: 'date',
						width: 88,
						render: (h, params) => {
							return h(
								'span',
								{},
								params.row.date
							)
						}
					},
					{
						title: '事件描述',
						key: 'remark',
						minWidth: 88,
						ellipsis: true,
					},
				],
			},
		}
	},
	computed: {
		
	},
	methods: {
		clickMore() {
			console.log('点击更多')
		}
	}
}
</script>

<style lang="scss" scoped>
.chatgpt-item-content{
	&.has-more{
		padding-bottom: 0px !important;
	}
	.tips{
		margin: 10px 0;
	}
	.more{
		color: #868686;
		line-height: 34px;
		text-align: center;
		.more-btn{
			cursor: pointer;
			.icon{
				width: 10px;
				height: 12px;
			}
		}
	}
}
</style>